<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>066_CSS_类选择器</title>
    <style>
        /* 
            css代码中只需要通过 #xxxx的方式即可对应上html标签中的id属性
        */
        #title1{
            font-size: 40px;
        }
        #title2{
            font-size: 80px;
        }
    </style>
</head>
<body>
    <!-- 
        id选择器其实和类选择器的使用没有太大差别，只是在CSS部分需要用#标识出来这是一个id选择器
    -->
    <h2 id="title1">问题:</h2>
    <p class="question">1. 请问1+1等于多少?</p>
    <p class="question">2. 请问1+123等于多少?</p>
    <p class="question">3. 请问1+999等于多少?</p>

    <h2 id="title2">回答:</h2>
    <p class="answer">1.  1+1等于2</p>
    <p class="answer">2.  1+123等于124</p>
    <p class="answer">3.  1+999等于1000</p>
</body>
</html>